<template>
  <div class="lookUpText">
    <div class="lookUpText-bine"></div>
    <div class="lookUpText-title">{{ title }}</div>
    <div class="lookUpText-slot">
      <slot name="right"></slot>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  props: {
    title: {
      type: String,
      required: true,
    },
  },
  setup() {},
};
</script>

<style lang="less" scoped>
.lookUpText {
  display: flex;
  align-items: center;

  &-bine {
    width: 3px;
    height: 20px;
    background: rgb(255, 117, 19);
    margin-right: 15px;
  }
  &-title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: left;
  }
  // &-slot {
  //   margin-left: 50px;
  // }
}
</style>
